@import "../common/functions.scss";
@import "../common/_variables.scss";
/* 向上滑动--查看商品详情 */
.slide{
    display: block;
    color: $_999;
    font-size: pxToRem(20px);
    padding:pxToRem(10px) pxToRem(20px) pxToRem(30px); 
    text-align: center;
     .c-line {
		   display: inline-block;
		   border-bottom: 1px solid #d8d8d8;
		   width: pxToRem(174px);
		   margin-bottom: pxToRem(5px);
        }
        .left{
		   margin-right: pxToRem(43px); 
        }
        .right{
		   margin-left: pxToRem(43px); 
        }	
}
/* 图文详情-购买评价 */
.product-detail .swiper-container{
  z-index: 0;
}
.product-detail .swiper-wrapper{
  z-index: 0;
}
.product-detail{
   border-top: 1px solid $_c8c8cc; 
   border-bottom: 1px solid $_c8c8cc;
   background: $_fff;
   .nav-tabs{
   	  display: -webkit-box;
   	 li{
   	    font-size: pxToRem(24px);
   	   	width: 50%;
   	   	text-align: center;
   	   	padding: pxToRem(25px) 0;
   	   	color: $_999;
   	   	border-bottom: 3px solid #f0f0f0;
   	   	background: url(/resources/img/line.png) no-repeat right 24px;
   	   	cursor: pointer;
   	   	&:last-child{
   	   		background: none;
   	   	} 
   	   	&.active{
   	   		color:$_000;
   	   		border-bottom: 3px solid $_03a9f4;  
   	   	} 
   	 }
   }
   /*样式修正*/
   .product-detail-one{
      section{
        width:100%!important;
      }
      img{
        width:100%!important;
        height:auto!important;
        display:block!important;
      }
      p{
        line-height:0.5rem!important;
        font-size:pxToRem(24px)!important;
      }
   }
   .product-detail-one{
      font-size: pxToRem(24px);
      .dtp-ul{
         margin: pxToRem(16px) 0 pxToRem(20px);
         li{
            padding: pxToRem(16px);
            padding-top: 0;
            margin-top: pxToRem(16px);
            border-bottom: 1px #ddd solid;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
         } 
         label{
            display: block;
            color: #999;
            width: pxToRem(160px);
            height: 100%;
            overflow: hidden;
         }
         span{
            display: block;
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
         }
      }
   	  img{
   	  	width: 100%;
   	  }
   }
   .product-detail-two{
   	  margin: 0 pxToRem(30px); 
   	  .no-evaluate{
   	  	 font-size: pxToRem(24px);
   	  	 padding: pxToRem(100px) 0;
   	  	 text-align: center;
   	  	 color: $_999;  
   	  }
   	  .user{
   	  	 border-bottom: 1px solid #cecece;
   	  	 display: -webkit-box;
   	  	 .time{
            font-size: pxToRem(24px);
            color:$_666;
            margin-top: pxToRem(32px);    
   	  	 }
   	  }
   	  .avatars{   
   	  }
      .user-img{
        width: pxToRem(54px);
        height: pxToRem(54px); 
  	 	  border-radius: pxToRem(30px);
        background-size: pxToRem(54px);
        margin-top:pxToRem(-10px);  
  	  }
      .user-img-none{
        width: pxToRem(54px);
        height: pxToRem(54px);
        background: url(../../img/normalpic.png) no-repeat; 
        border-radius: pxToRem(30px);
        display: inline-block;
        margin-right: pxToRem(20px);
        background-size: pxToRem(54px); 
      } 
  	  .user-name{
  	 	  font-size: pxToRem(24px);
  	 	  vertical-align: middle;
        margin-top: pxToRem(-16px);
        display: inline-block;  
  	  }
  	  .evaluate{
  	  	margin: pxToRem(30px) 0 pxToRem(40px);
  	  }
  	  .evaluate-con{
  	  	font-size: pxToRem(24px);
  	  	color: $_333;
  	  	line-height: pxToRem(30px); 
  	  }
  	  .reply{
         margin-left: pxToRem(50px); 
  	  }
  	  .reply-tit{
  	  	 font-size: pxToRem(24px);
  	  	 color: #33b8f4;
  	  	 margin-bottom: pxToRem(10px); 
  	  }
  	  .reply-text{
  	  	 font-size: pxToRem(24px);
  	  	 color: $_666;
  	  	 line-height: pxToRem(45px);  
  	  }
   }   	
}